<?php
session_start();
include ("../../include/dbFunctions.php");
include ("../../include/image_slider.php");
include ("../../include/function.php");
?>

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Junior Achievement Singapore</title>
        <link href="../../media/css/styles.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" language="javascript" src="../../media/js/jquery/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" language="javascript" src="../../media/js/jquery/jquery.validate.min.js"></script>
        <script type="text/javascript" src="../../media/js/jquery/image_slider.js"></script>
        <!-- Custom jquery scripts -->
        <script src="../../media/js/jquery/custom_jquery.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../media/js/jquery/validator_rules.js"></script>
        <script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $("#volunteer_form").validate(volunteer_validate);

            } );


            function toggle2(source) { //for select all checkbox :)
                checkboxes = document.getElementsByName('education[]');
                for each(var checkbox in checkboxes)
                checkbox.checked = source.checked;
            }

            function toggle3(source) { //for select all checkbox :)
                checkboxes = document.getElementsByName('location[]');
                for each(var checkbox in checkboxes)
                checkbox.checked = source.checked;
            }
        </script>
    </head>
    <body>
        <div id="container"><!--CONTAINER STARTS-->
            <div id="navigation">
                <li><a href="../include/home/homepage.php">HOME</a></li>
                <li><a href="">SCHOOL SIGN UP</a></li>
                <li><a href="">VOLUNTEER SIGN UP</a></li>
                <li><a href="mailto:admin@jasingapore.com">CONTACT</a></li>
                <li><a href="http://jaworldwide.org/">ABOUT JA</a></li>
            </div>
            <div id="title"><!--TITLE STARTS-->
            </div><!--TITLE ENDS-->

            <div id="featured"><!--FEATURED AREA STARTS-->

                <div class="featured-image"><!--FEATURED IMAGE STARTS-->
                    <?php
                    image_slider();
                    ?>

                </div><!--FEATURED IMAGE ENDS-->

                <div class="featured-text"><!--FEATURED TEXT STARTS-->

                    <h2>Welcome to JA Singapore</h2>
                    <p>Junior Achievement programs help prepare young people for the real world by showing them how to generate wealth and effectively manage it, how to create jobs which make their communities more robust, and how to apply entrepreneurial thinking to the workplace. <a href="#">Read More... </a></p>

                </div><!--FEATURED TEXT ENDS-->

            </div><!--FEATURED AREA ENDS-->

            <?php
            custom_login();
            ?>
            <div id="left-content"><!--RIGHT CONTENT STARTS-->

                <div class="left-top"><!--RIGHT CONTENT BOX TOP-->
                </div><!--RIGHT CONTENT BOX TOP ENDS-->

                <div class="left-middle"><!--RIGHT CONTENT BOX MIDDLE-->

                    <h3>Volunteer Registration</h3>
                    <h4>Volunteer's personal information: </h4>
                    <br>
                    <!-- Fields to allow volunteer to input personal data-->
                    <form id="volunteer_form" method="post" action="volunteerVerifyRegistration.php"enctype="multipart/form-data">
                        <table border="0" cellpadding="0" cellspacing="0"  id="id-form">
                            <tr>
                                <em>* Required fields</em>
                            </tr><br/><br/>
                            <tr>
                                <th valign="top">Salutation:  <em>*</em></th>
                                <td> <select name="volunteer_salutation" class="styledselect_form_1">
                                        <option value="Mr.">Mr.</option>
                                        <option value="Mrs.">Mrs.</option>
                                        <option value="Ms.">Ms.</option>
                                        <option value="Dr.">Dr.</option>
                                    </select></td>
                            </tr>
                            <tr>
                                <th valign="top"> First Name: <em>*</em></th>
                                <td><input type="text" name="volunteer_firstname" value="" class="inp-form"/></td>
                                <td></td>
                            </tr>
                            

                        </table>
                        <input type="hidden" name="form_submitted" value="1"/>
                        <input type="submit" value="submit" name="submit" class="form-submit"/>
                    </form>

                </div><!--RIGHT CONTENT BOX MIDDLE ENDS-->
                <div class="left-bottom"><!--RIGHT CONTENT BOX BOTTOM-->
                </div><!--RIGHT CONTENT BOX BOTTOM ENDS-->
            </div><!--RIGHT CONTENT ENDS-->
        </div><!--CONTAINER ENDS-->
        <div id="footer"><!--FOOTER STARTS-->
            <p>Copyright &copy; Junior Achievement Singapore | All Rights Reserved</p>
        </div><!--FOOTER ENDS-->
    </body>
</html>
